<template>
  <div class="content">
    <Header></Header>
    <router-view/>
    <Footer></Footer>
  </div>

</template>

<script>
  import Header from "./Header";
  import Footer from "./Footer";
  export default {
    name: "Layout",
    components: {Footer, Header}
  }
</script>

<style scoped>
  .content {
    display: flex;
    flex-direction: column;
  }
</style>
